<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/static/img/favicon.png?3">
    <title>CACode Web Excel</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            overflow: hidden;

        }

        .lkxd {
            color: #409eff;
            font-size: 30px;
        }

        .el-button--default:hover {
            background-color: white !important;
        }

        .title {
            background: -webkit-linear-gradient(left, #ff0000, #409eff, white);
            background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 60px;
            -webkit-background-clip: text;
            color: transparent;
        }

        .item {
            color: white;
            margin-top: 10%;
            font-size: 30px;
            letter-spacing: 3px;
        }

        .item-item {
            margin-top: 10%;
        }

        .page1-title {
            position: absolute;
            text-align: center;
            left: 34%;
            top: 35%;
        }

        #HomePage1 {
            height: 1000px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto;
        }

        #yuan {
            animation: animal 5s infinite linear;
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            border: 2px rgba(255, 255, 255, 0.5) dashed;
            width: 950px;
            height: 950px;
            left: 24.5%;
            position: absolute;
            top: 3%;
            border-radius: 50%;
        }

        .yuan-item-sm {
            background-image: linear-gradient(to left,
            rgb(27, 151, 151),
            rgb(27, 117, 201),
            rgb(31, 156, 63));
            background-color: red;
            width: 50px;
            height: 50px;
            left: 50%;
            position: absolute;
            top: -5%;
            border-radius: 50%;
        }

        .circle {
            animation: spin 10s linear infinite;
        }

        .content {
            animation: inherit;
            animation-direction: reverse;
        }

        @keyframes spin {
            from {
                transform: translate(-50%, 450px) rotate(0turn) translate(50%, -450px) rotate(1turn);
            }

            to {
                transform: translate(-50%, 450px) rotate(1turn) translate(50%, -450px) rotate(0turn);
            }
        }

        @keyframes animal {
            0% {
                transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
            }

            100% {
                transform: rotate(-360deg);
                -ms-transform: rotate(-360deg);
                -webkit-transform: rotate(-360deg);
            }
        }
    </style>

</head>

<body>
<div id="HomePage1" style="background-image:url('/static/img/bluestar-home-page1.jpg')">
    <div id="yuan" class="content">
        <div class="yuan-item-sm circle"></div>
    </div>
    <div class="page1-title">
        <div class="title">
            <span>蓝星灯塔·科技改变生活</span>
        </div>
        <div class="item">
            <div></div>
            <div class="item-item">
                <a href="/login">
                    Login Web Excel System ->
                </a>
            </div>
        </div>
    </div>
</div>
<p style="text-align:center;">Copyright ©2019 CACode
    <a rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">粤ICP备20009502</a>
</p>
</body>

</html>